<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<bsl:layout-render name="/WEB-INF/jsp/portalCommon/layout.jsp">
<bsl:layout-component name="html-head">
<meta name="description" content="Windy Warm Corporation is always engaged in manufacturer of gasoline containers and has many kinds of gas can series. Industry news will let you know the latest industry information.">
<script src="<%=request.getContextPath()%>/js/jcarousellite_1.0.1.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/jquery.mousewheel.js" type="text/javascript"></script>

	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/viewDetails.css" />
	
	
	<script type="text/javascript">
    
	$(function(){
        var options1 = {navigation: 'hover',direction:  'left'};
        $('.ppy2').popeye(options1);
        $(".anyClass").jCarouselLite({
	        btnNext: ".next",
	        btnPrev: ".prev",
	        auto: 4000,
	        speed: 1500,
	        visible:6,
	        mouseWheel: true,
	        scroll: 1
	    });
    });
	</script>
	<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41141994-1', 'windywarm.com');
  ga('send', 'pageview');

</script>
</bsl:layout-component>
<bsl:layout-component name="title">
Gas Cans - ${curDivision.divNameEn}
</bsl:layout-component>
<bsl:layout-component name="content" >
<c:set var="contextPath" value="<%=request.getContextPath()%>"></c:set>
<c:set value="gas-cans" var="urlPrefix"></c:set>	
	
	<div class="potal_title_div">
				<div style="float:left;font: 12px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
					<a href="${contextPath}/${urlPrefix}/viewHome">Home</a> &gt; <a href="${contextPath}/${urlPrefix}/viewNewsList">News</a>
				</div>
					
				</div>
	
	
<div class="details_core" >
<div class="details_main">
	<div class="main_header">
		 
		 <div class="header_title">
		 	<h2>${article.title }</h2>
		 </div>
		
	<div style="clear: both"></div>
		
	
	<div class="article_meta"> 
		
		<div class="meta_tails">
		 		<jsp:include page="../common/timeFormatCommon.jsp">
				<jsp:param value="${article.createTime.time}" name="time"/>
				<jsp:param value="${article.createTime.year }" name="year"/>
				<jsp:param value="${article.createTime.month }" name="month"/>
				<jsp:param value="${article.createTime.day}" name="day"/>
				<jsp:param value="${article.createTime.hours}" name="hours"/>
				<jsp:param value="${article.createTime.minutes}" name="minutes"/>
				<jsp:param value="${article.createTime.date}" name="date"/>
			</jsp:include>
			<bsl:when-authorized permissions="admin">
			 		&nbsp;|&nbsp;<a href="${contextPath}/editArticle?article.id=${article.id}" >编辑</a>
			 </bsl:when-authorized>
		</div>
			
	</div>	
	 
</div>

<div class="details_content" style="padding-bottom: 150px">
<c:if test="${not empty article.album.photos}">
<div class="ppy2">
	<ul class="ppy-imglist">
		<c:forEach items="${article.album.photos}" var="photo">
			<li>
                  <a href="${contextPath}${photo.thumbnailLarge}">
                      <img src="${contextPath}${photo.thumbnailMiddle}" alt="">
                  </a>
                  <c:if test="${not empty photo.description}">
                  	<span class="ppy-extcaption">
                      <strong>${photo.description}</strong>
                  	</span>
                  </c:if>
                  
              </li>
		</c:forEach>
              
      </ul>
        <div class="ppy-outer">
                <div style="width:288; height:388;background-image: url(&quot;${contextPath}${article.album.coverPhoto.thumbnailMiddle}&quot;);" class="ppy-stage">
                    <div class="ppy-counter">
                        <strong class="ppy-current">1</strong> / <strong class="ppy-total">9</strong> 
                    </div>
               	</div>
                <div class="ppy-nav">
                       <a class="ppy-next" title="Next">Next</a>
			            <a class="ppy-prev" title="Previous">Previous</a>
                </div>
       </div>
       <div style="visibility: hidden; height: 0px; overflow: hidden;" class="ppy-caption">
                <span class="ppy-text">
                        
                </span>
       </div>
 </div>
</c:if>
 <div class="details_content_txt" >
		${article.articleContent.content }
	</div>
</div>
</div>
</div>
<div class="bottom_conetent">
	<div class="potal_title_div">
				<div style="float:left;font:normal 16px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
					Main Products
				</div>
					<div style="float:right;width:60px;height:38px;background:url(images/title.png) -940px 0px no-repeat"><a href="${contextPath}/${urlPrefix}/viewProducts" style="display:inline;font:10px/38px Verdana,microsoft yahei,Arial;color:#505050;">More &gt;&gt;</a></div>
					
				</div>
	
	
	
		<div class="anyClass" style="float:left;">
		    <ul>
		    
		    	<c:forEach var="demo" varStatus="vs" items="${demoList}">
		
						<li>
							<a href="${contextPath}/${urlPrefix}/viewProductItem?article.id=${demo.id}"><img src="${contextPath}${demo.album.coverPhoto.thumbnailMiddle}" alt="" width="132" height="110" ></a>
						</li>
				</c:forEach>
		        
		    </ul>
		</div>
	</div>


</bsl:layout-component>

<bsl:layout-component name="side_info">

	<jsp:include page="prodCateInfo.jsp">
		<jsp:param value="${productDiv}" name="productDiv"/>
 		<jsp:param value="${curCategory}" name="curCategory"/>
   	</jsp:include>
	
		<jsp:include page="contactInfo.jsp">
		<jsp:param value="null" name="null"/>
   	</jsp:include>
</bsl:layout-component>


<bsl:layout-component name="footer_info">
	<a>abc</a>
</bsl:layout-component>
</bsl:layout-render>